html {
  height: 100% !important;
}
html body {
  height: 100% !important;
  overflow: hidden !important;
}
body .font-white {
  color: white;
}
.padding-15 {
  padding: 0 15px;
}
.danger-color {
  color: #f56c6c !important;
}

.danger {
  color: #f56c6c !important;
}
.danger-bg {
  background-color: #f56c6c !important;
}
.success {
  color: #67c23a !important;
}
.warning {
  color: #e6a23c !important;
}
.brand {
  color: #409eff !important;
}
.brand-bg {
  background-color: #409eff !important;
}
.info-color {
  color: #909399 !important;
}
.black {
  color: #303133 !important;
}

.color1 {
  color: #6ccc06 !important;
}
.color2 {
  color: #fbd029 !important;
}
.color3 {
  color: #fe8800 !important;
}
.color4 {
  color: #fe0000 !important;
}
.color5 {
  color: #cc0001 !important;
}
.color6 {
  color: #970454 !important;
}
.color7 {
  color: #62001e !important;
}

html body .scroll-box {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}
.flex {
  display: flex;
}
.margin-0 {
  margin: 0;
}
.margin-left-5 {
  margin-left: 5px !important;
}
.margin-left-10 {
  margin-left: 10px !important;
}
.margin-left-20 {
  margin-left: 20px !important;
}

.margin-right-5 {
  margin-right: 5px !important;
}
.margin-right-10 {
  margin-right: 10px !important;
}
.margin-right-20 {
  margin-right: 20px !important;
}

.margin-3 {
  margin: 0 3px !important;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-bottom {
  margin-bottom: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.display-inline-block {
  display: inline-block;
}

.search {
  .el-input__inner {
    // border-radius: 4px 0 0 4px;
    border-radius: 4px;
  }
  .el-button {
    // border-radius: 0 4px 4px 0;
    border-radius: 4px;
  }
}

.width-100 {
  width: 100% !important;
}

.overLine {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.align-right {
  text-align: right;
}
.align-left {
  text-align: left;
}

.el-tabs__content {
  padding: 0 !important;
  padding-bottom: 20px !important;
}

.el-card__body {
  position: relative;
}

.el-form {
  position: relative;
}

.addBtn {
  position: absolute;
  right: 0;
}

.select-popper {
  position: absolute !important;
  top: 159px !important;
  left: 711px !important;
  z-index: 2006 !important;
}

// 菜单侧边栏
.aui-sidebar__inner {
  height: 90% !important;
}

// home
.home-box {
  .el-card__body {
    display: flex;
  }
}

.left {
  position: absolute;
  left: 50px;
  top: 35px;
}

// api列表页面
.apiList {
  .demo-table-expand label {
    width: 90px;
    color: #99a9bf;
  }
}

// 异常操作弹窗
.error-dialog {
  .el-dialog__body {
    padding: 0 20px;
    height: 100%;
  }
}

.user-dialog {
  background: rgba(0, 0, 0, 0.5);
}

.map-desc {
  width: 300px;
  margin: 5px 0;
  line-height: 150%;
  .map-desc-item {
    display: flex;
    .item-title {
      flex: 1;
    }
    .item-msg {
      flex: 5;
    }
  }
}

.positioning-window-card {
  position: relative;
  width: 350px;
  padding: 0.5px 0 0 10px;
  box-shadow: none;
  bottom: 0;
  left: 0;
  h4 {
    margin: 5px 0;
  }
  p {
    margin: 8px 0;
  }
}

//新增和修改页面
.add-or-updata {
  .el-input__inner {
    // border-radius: 0;
    // border: none;
    // border-bottom: 1px solid #dcdfe6;
    border-radius: 4px;
    border: 1px solid #dcdfe6;
    &::placeholder {
      color: rgb(150, 150, 150);
      // font-size: 16px;
    }
  }
}

body .el-dialog__footer {
  text-align: center;
}

html body .form-item {
  width: 200px;
}

.tox-tinymce-aux {
  z-index: 9999 !important;
}

.el-message {
  z-index: 999999999 !important;
}

.tox-dialog {
  .curtain {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    background-color: rgba(255, 255, 255, 0.845) !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    font-weight: bold;
  }
}

.edit-message {
  width: 720px !important;
  .el-message-box__message {
    > p {
      max-height: 300px;
      overflow: auto;
    }
  }
}

.form-filling-dialog {
  margin-top: 3vh !important;
}

.preview-shell {
  .preview-dialog {
    margin-top: 4vh !important;
  }
}

// 缩放自适应
.full-screen {
  position: fixed !important;
  top: 0;
  left: 0;
  z-index: 1050;
}

.zoom-box {
  position: absolute;
  width: 100%;
  height: 100%;
}

// .empty-preview{
//   width: 1480px;
//   background-color:#409eff;
// }
.el-popover {
  > div {
    max-height: 300px;
    overflow: auto;
  }
}
.waring {
  padding: 8px 16px;
  background-color: #fff6f7;
  border-radius: 4px;
  border-left: 5px solid #fe6c6f;
  margin: 15px 0;
}
